<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加</title>

    <!-- icon小图标 -->
	<link rel="icon" href="../statics/images/icon_S_Bar_Contact.png" type="image/x-icon">
    <!-- layui -->
    <link rel="stylesheet" href="/statics/static/layui/css/layui.css">
    
    <style>
        .layui-layout-admin .layui-logo {
            left: 2rem;
            text-align: left;
            color: #fff;
        }

        #card-show a:hover {
            background-color: yellow;
            bottom: 2rem;
        }
    </style>
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <!-- 顶部导航栏 -->
        

        <!--右侧主体内容区-->
        <div class="layui-body" style="left: 0rem;margin-top: 1rem;">
            <!-- <div class="layui-container">  -->
            <div class="layui-row">
                <div class="layui-col-md1 layui-col-xs1 layui-col-sm1 ">
                    &nbsp;
                </div>
                <div class="layui-col-md10 layui-col-xs10 layui-col-sm10">
                    <form class="layui-form" action="">

                    </form>
                    <div id="add">
                        <p>请选择你要添加的题型：</p>
                        <br>
                        <button type="button" class="layui-btn layui-btn-primary layui-border-green"><img
                                src="../imgs/单选题.png" style="width: 1rem;height: 1rem;margin-bottom: 0.1rem;">
                            单选题</button>
                        <button type="button" class="layui-btn layui-btn-primary layui-border-green"><img
                                src="../imgs/多选题.png" style="width: 1rem;height: 1rem;margin-bottom: 0.1rem;">
                            多选题</button>
                        <button type="button" class="layui-btn layui-btn-primary layui-border-green"><img
                                src="../imgs/填空题.png" style="width: 1rem;height: 1rem;margin-bottom: 0.1rem;">
                            填空题</button>
                        <button type="button" class="layui-btn layui-btn-primary layui-border-green"><img
                                src="../imgs/打分题.png" style="width: 1rem;height: 1rem;margin-bottom: 0.1rem;">
                            打分题</button>
                        <button type="button" class="layui-btn layui-btn-primary layui-border-green"><img
                                src="../imgs/评价题.png" style="width: 1rem;height: 1rem;margin-bottom: 0.1rem;">
                            评价题</button>
                    </div>

                </div>
                <div class="layui-col-md1 layui-col-xs1 layui-col-sm1 ">
                    &nbsp;
                </div>
            </div>
            <!-- </div> -->



        </div>


        <div class="layui-footer" style="left: 0rem;">
            <!-- 底部固定区域 -->
            © Questionnaire survey system
        </div>
    </div>
    <!-- Vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- layui -->
    <script src="/statics/static/layui/layui.js"></script>
    
    <!-- <script>
        // 注销
        function logout() {
            layer.open({
                title: "注销",
                content: "是否退出当前用户？", //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                btn: ['注销', '取消']
                , yes: function (index, layero) {
                    axios({
                        method: 'post',
                        url: '/logout'
                    }).then(function (response) {
                        // axios工具下，服务器真正返回的数据在返回对象的data中
                        let res = response.data;
                        if (res.code === 200) {
                            window.location.href = '/login';
                        }
                    })
                }
                , btn2: function (index, layero) {
                    //按钮【按钮二】的回调

                    // return false //开启该代码可禁止点击该按钮关闭
                }
            })
        }
    </script> -->
</body>

</html>